@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei','微软雅黑'; }
.head{
  width:100%;
  margin-top: 15px;
  /* // height: 200px; */
  /* // background-color: aqua; */
  display: flex;
  flex-direction: row;
}
.all{
  width: 100%;
  overflow: hidden;
}
.head-avater{
    margin-top: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 11px;
}
.head-avater img{
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.head-userdata{
  flex:1;
  margin-left: 9px;
}
.userdata-name{
  font-size:16px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.userdata-department{
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.userdata-time{
  font-size:10px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.head-status{
  /* // width: 108px; */
  margin-top: 4px;
  margin-right: 17px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.status{
  width:43px;
  height:20px;
  background:rgba(39,199,154,1);
  border-radius:10px;
  text-align: center;
  line-height: 20px;
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(255,255,255,1);
  margin-bottom: 8px;
}
.head-status span{
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(39,199,154,1);
}
.dividing-line{
  margin-top: 17px;
  margin-bottom: 11px;
  width:100%;
  height:7px;
  background:rgba(245,245,245,1);
}
.approval-data{
  width: 100%;
  margin-bottom: 55px;
}
.approval-data-div{
  /* // display: flex;
  // flex-direction: row;
  // margin-bottom: 24px; */
  display: flex;
  flex-direction: row;
  padding: 12px 0;
  border-bottom: 1px solid #f2f2f2;
}
.approval-data-div-1{
  margin-left: 11px;
  /* // width:77px; */
  width: 60px;
  height:21px;
  font-size:15px;
  text-align: justify;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:21px; 
}
.approval-data-div-1::after{
  content:"";
  display:inline-block;
  width:100%;
}
.approval-data-div-2{
  flex:1;
  font-size:15px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:21px;
  margin-left: 22px;
  margin-right: 10px;

}
.approval-data-divv{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: -7px;
  height: 33px;
}
.approval-data-div-3{
  flex:1;
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-left: 22px;
  margin-right: 10px;
}
.approval-data-divvv{
  display: flex;
  flex-direction: row;
  margin-top: 17px;
}
.approval-data-divvv-2{
  flex:1; 
  margin-left: 22px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size:15px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.approval-data-divvv-2 a{
  text-decoration: none;
  margin-bottom: 10px;
}
.approval-data-details{
  width:100%;
  height:24px;
  background:rgba(245,245,245,1);
  font-size:10px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:24px;
  padding-left: 11px;
  margin-top: 11px;
}
.approval-data-details-list{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.approval-data-details-list-data{
  width:95%;
  background:rgba(255,255,255,1);
  /* // background:rgb(218, 16, 16); */
  /* // box-shadow:0px 2px 10px 0px rgba(153,153,153,1); */
  box-shadow: 0px 2px 10px 0px rgba(239,239,239,1);
  border-radius:4px;
  margin-top: 10px;
  padding-bottom: 10px;
}
.a-d-d-l-d-head{
  width:100%;
  height: 33px;
  display: flex;
  flex-direction: row;
}
.a-d-d-l-d-head-xu{
  width: 14px;
  height: 19px;
  background-image: url("../img/xu.png");
  text-align: center;
  line-height: 17px;
  font-size:10px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(255,255,255,1);
  margin-left: 9px;
}
.a-d-d-l-d-content{
	

  flex: 1;
   /* // background-color:red; */

  margin-left: 32px;
  margin-right: 32px;
  margin-top: 15px;
}
.a-d-d-l-d-content-one{
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.a-d-d-l-d-content-two{
  display: flex;
  flex-direction: row;
}
.a-d-d-l-d-content-two-div1{
  height:16px;
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:16px;
}
.a-d-d-l-d-content-two-div2{
  flex:1;
  /* // height:33px; */
  font-size:12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:16px;
}
.a-d-d-l-d-content-title{
  font-size:10px;
  width: 40px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.a-d-d-l-d-content-content{
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1)
}
.bottom-button{
  width:100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  height:50px;
  background:rgba(255,255,255,1);
  /* // background:rgb(233, 13, 13); */
  box-shadow:0px -3px 10px 0px rgba(229,229,229,1);

}
.a-d-d-l-d-head-name{
  width: 100%;
  height:21px;
  font-size:15px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:21px;
  margin-left: 7px;
  margin-top: 12px;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 5px;
}
.bottom-button-tjz{
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size:16px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
  display: none;
  align-items: center;
  justify-content: center;
}
.bottom-button-div{
  width:50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.bottom-button-div img{
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.bottom-button-div div{
  width:33px;
  height:22px;
  font-size:16px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
}
.reason{
  width:100%;
  position: fixed;
  bottom: 50px;
  height:253px;
  background:rgba(39,199,154,1);
  box-shadow:0px -10px 20px 0px rgba(185,243,227,1);
  border-radius:11px 11px 0px 0px;
  opacity: 0;
  display: flex;
  justify-content: center;
  
}
.reason-baidi{
  width:90%;
  height: 188px;
  background:rgba(255,255,255,1);
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.reason-textarea{
  flex:1;
  width:90%;
  /* // height: 255px; */
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
  border:0;
  resize: none;
  outline:none;
  padding-top: 16px;
}
.reason-dividing-line{
  width:100%;
  /* // border:1px solid #27C79A; */
  border-top: 1px dashed #27c79a;
}
.reason-bohui{
  height: 43px;
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.reason-bohui-text{
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
  margin-left: 7px;
}
.reason-bohui-name{
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-right: 17px;
}

.a-head-sub-name{
  font-size: 12px;
  color: #999;
  margin-left: 6px;
}
.official-seal-list{
  display: flex;
  align-items: flex-start;
  width: 95%;
  background: rgba(255,255,255,1);
  /* // box-shadow: 0px 2px 10px 0px rgba(153,153,153,1); */
  box-shadow: 0px 2px 10px 0px rgba(239,239,239,1);
  border-radius: 4px;
  margin: 10px auto 0;
  padding-bottom: 10px;
}
.official-seal-det-list .seal-right-blo{
  color: #666;
  margin-top: 9px;
  margin-left: 14px;
  width: 100%;
}
.official-seal-det-list .seal-right-blo .seal-right-label{
  color: #999;
  margin-right: 6px;
}
.official-seal-det-list .seal-right-blo .seal-list{
  border-bottom: 1px solid #f2f2f2;
  /* // margin-bottom: 20px; */
  padding: 10px;
}
.official-seal-det-list .seal-right-blo .seal-list:last-child{
  margin-bottom: 2px;
  /* //padding: 0px; */
  border-bottom: 0;
}
.official-seal-det-list .seal-right-blo .seal-right-title{
  font-size: 15px;
  color: #666;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}
.official-seal-det-list .seal-right-blo .change-list{
  font-size: 14px;
  margin-bottom: 2px;
}

.status-img{
  display: flex;
  align-items: center;
}
.status-img img{
  margin-left: 8px;
  width: 8px;
    height: 14px;
}

.xh-block-list-wrap .xh-block-list > div{
    text-align: center;
}
.xh-block-list-wrap .xh-block-list:first-child > div{
  text-align: left;
}
.xh-block-list-wrap .xh-block-list:last-child > div{
  text-align: right;
}
.text-link-blo{
  color: blue;
  text-decoration:underline
}

.a-d-d-l-d-content-title-copy{
  font-size:10px;
  width: 60px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
}
.a-d-d-l-d-content-content-copy{
  font-size:14px;
  width: 60px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(102,102,102,1)
}